<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Windows</title>
  <script src="./lib/libv86.js"></script>
  <link rel="stylesheet" href="style/style.css">
</head>

<body class="paused">
  <div id="status">
    Disk: <span id="disk-status">Idle</span>
    | CPU Speed: <span id="cpu-status">0</span>
    | <a onclick="document.querySelector('#status').style.display='none'">Hide</a>
  </div>
  <div id="buttons">
    <div id="start-buttons">
      <!-- <div class="btn" id="win98">Windows 98</div> -->
      <div class="btn btn-start" id="win95">
        Start Windows 95
        <br />

        <small>Hit ESC to lock or unlock your mouse</small>
      </div>
      <!-- <div class="btn" id="win1">Windows 1</div> -->
    </div>
    <div id="other-buttons">
      <div class="btn" id="reset">Reset Machine & Delete State</div>
      <div class="btn" id="floppy">Insert Floppy Disk</div>
      <div class="btn" id="discard-state">Discard State & Boot From Scratch</div>
      <div class="btn" id="show-disk-image">Show Disk Image</div>
      <input id="file-input" type='file'>
    </div>
    <div id="information">
      <p id="floppy-path"></p>
      <p>You can insert a floppy disk image with the ".img" format.</p>
      <p>
        Boot the machine from scratch if you've inserted a new floppy disk
        or if you've changed the disk image.
      </p>
    </div>
  </div>
  <div id="emulator" style="height: 100vh; width: 100vw">
    <div style="white-space: pre; font: 14px monospace; line-height: 14px"></div>
    <canvas style="display: none"></canvas>
  </div>
  <script type="module">
    import("es6://renderer.js")
  </script>
</body>

</html>